<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Platinum Theme - Portfolio Page</title>
<meta name="keywords" content="platinum, portfolio, free templates, website templates, CSS, HTML" />
<meta name="description" content="Platinum Theme, Portfolio, free CSS template by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
	
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

</head>
<body>

<div id="templatemo_wrapper">

    <div id="templatemo_header">
        <div id="site_title"><h1><a href="http://sc.chinaz.com">Free CSS Templates</a></h1></div>
        <div id="templatemo_menu" class="ddsmoothmenu">
            <ul>
                <li><a href="index.html"><span></span>Home</a></li>
                <li><a href="about.html"><span></span>About Us</a>
                    <ul>
                        <li><a href="submenupage.html">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                    </ul>
                </li>
                <li><a href="portfolio.html" class="selected"><span></span>Portfolio</a>
                    <ul>
                        <li><a href="submenupage.html">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                        <li><a href="submenupage.html">Sub menu 4</a></li>
                        <li><a href="submenupage.html">Sub menu 5</a></li>
                   </ul>
              </li>
              <li><a href="blog.html"><span></span>Blog</a></li>
              <li><a href="contact.html"><span></span>Contact</a></li>
            </ul>
            <br style="clear: left" />
        </div> <!-- end of menu -->
    </div> <!-- end of header -->
   
	<div id="templatemo_main_wrapper">
    	<div id="templatemo_main">
        	<div class="gallery_box">
                <a href="images/portfolio/01.jpg" rel="lightbox[portfolio]" title="Pellentesque dictum feugiat"><img src="images/portfolio/01.jpg" alt="Image 01" class="image_frame"/></a>
                <h5>Pellentesque dictum feugiat</h5>
                <p>Cum sociis natoque penatibus et magnis dis montes, nascetur ridiculus mus.</p>
                <a href="#" class="more"></a>  
			</div>
            <div class="gallery_box">
                <a href="images/portfolio/02.jpg" rel="lightbox[portfolio]" title="Nam sed congue leo"><img src="images/portfolio/02.jpg" alt="Image 02" class="image_frame"/></a>
                <h5>Nam sed congue leo</h5>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada ac turpis egestas.</p>
                <a href="#" class="more"></a>  
			</div>
            <div class="gallery_box no_margin_right">
                <a href="images/portfolio/03.jpg" rel="lightbox[portfolio]" title="Donec in Volutpat Erat"><img src="images/portfolio/03.jpg" alt="Image 03" class="image_frame"/></a>
                <h5>Donec in volutpat erat</h5>
                <p>Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>. Quisque at sapien odio, id placerat neque et ac turpis. </p>
                <a href="#" class="more"></a>  
			</div>
            <div class="gallery_box">
                <a href="images/portfolio/04.jpg" rel="lightbox[portfolio]" title="Nam sit amet eros dolor"><img src="images/portfolio/04.jpg" alt="Image 04" class="image_frame"/></a>
                <h5>Nam sit amet eros dolor</h5>
                <p>Integer venenatis pharetra magna vitae ultrices pharetra justo quis mauris elementum.</p>
                <a href="#" class="more"></a>  
			</div>
            <div class="gallery_box">
                <a href="images/portfolio/05.jpg" rel="lightbox[portfolio]" title="Donec interdum nulla sed"><img src="images/portfolio/05.jpg" alt="Image 05" class="image_frame"/></a>
                <h5>Donec interdum nulla sed</h5>
                <p> Vestibulum quis nulla nunc, nec lobortis nunc sed ac arcu ipsum, ut suscipit neque.</p>
                <a href="#" class="more"></a>  
			</div>
            <div class="gallery_box no_margin_right">
                <a href="images/portfolio/06.jpg" rel="lightbox[portfolio]"><img src="images/portfolio/06.jpg" alt="Image 06" class="image_frame"/></a>
                <h5>Nullam gravida quam</h5>
                <p> Suspendisse nec odio sit amet mauris ultricies pretium posuere eu dui.</p>
                <a href="#" class="more"></a>  
			</div>
            
            <div class="cleaner"></div>
            <div class="pagging">
                <ul>
                    <li><a href="http://sc.chinaz.com" target="_parent">Previous</a></li>
                    <li><a href="http://sc.chinaz.com/page/1" target="_parent">1</a></li>
                    <li><a href="http://sc.chinaz.com/page/2" target="_parent">2</a></li>
                    <li><a href="http://sc.chinaz.com/page/3" target="_parent">3</a></li>
                    <li><a href="http://sc.chinaz.com/page/4" target="_parent">4</a></li>
                    <li><a href="http://sc.chinaz.com/page/5" target="_parent">5</a></li>
                    <li><a href="http://sc.chinaz.com/page/6" target="_parent">6</a></li>
                    <li><a href="http://sc.chinaz.com/page/7" target="_parent">Next</a></li>
                </ul>
            </div>   
        </div> <!-- end of main -->
    </div> <!-- end of main wrapper -->
    
</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    	<a href="#templatemo_header" class="goto_top"></a>
    	<div class="col_4">
        	<h5>Pages</h5>
            <ul class="footer_list">
            	<li><a href="home.html">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contact.html">Contact</a></li>
			</ul>
        </div>
        
        <div class="col_4">
        	<h5>Partners</h5>
            <ul class="footer_list">
            	<li><a href="http://www.flashmo.com/">Free Flash Templates</a></li>
                <li><a href="http://sc.chinaz.com/">Free CSS Templates</a></li>
                <li><a href="http://www.flashmo.com/store">Preminum Templates</a></li>
                <li><a href="http://www.koflash.com/">Website Gallery</a></li>
                <li><a href="http://www.webdesignmo.com/blog/">Web Design Resources</a></li>
			</ul>             
        </div>
        
        <div class="col_4">
        	<h5>Twitter</h5>
            <ul class="twitter_post">
	            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies.</li>
                <li>Proin dignissim, diam nec <a href="#">@TemplateMo</a> enim lorem tempus orci, ac ante purus in justo.</li>
			</ul>
        </div>
        
        <div class="col_4 col_l">
        	<h5>Follow Us</h5>
            <div class="footer_social_button">
                <a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" title="facebook" alt="facebook" /></a>
                <a href="#"><img src="images/flickr.png" title="flickr" alt="flickr" /></a>
                <a href="#"><img src="images/twitter.png" title="twitter" alt="twitter" /></a>
                <a href="#"><img src="images/youtube.png" title="youtube" alt="youtube" /></a>
                <a href="#"><img src="images/feed.png" title="rss" alt="rss" /></a>
			</div>
            <div class="cleaner h40"></div>
            
        	Copyright © 2048 <a href="#">Company Name</a> <br /> 
            <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <br />
            <a href="http://sc.chinaz.com" target="_parent"> Free CSS Templates</a>
      		
		</div>
        
        <div class="cleaner"></div>
    </div>
</div>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div></body>
</html>